.middlebar{
	width: 100%;
	height: 40px;
	box-shadow: 0 1px 0 #DDDDDD;
	margin-top: 14px;
	background: #ffffff;
}
.middlebar-tab{
	float: left;
	display: inline-block;
	width: 50%;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	text-align: center;
	vertical-align: middle;
}
.card-footer-tab{
	float: left;
	display: inline-block;
	width: 20%;
	height: 24px;
	line-height: 24px;
	font-size: 20px;
	text-align: center;
	padding: 0;;
}

.character_library_search{
	text-align: center;
	margin-top: 213px;
	margin-left: 15px;
	margin-right: 15px;
}

.single_word{
	width: 100%;
	height: 60%;
}
.share_box{
	width: 96%;
	height: 20%;
	text-align: center;
}
.my_search{
	float: left;
	width: 100%;
	padding: 10px 10px 0 10px;
	border-bottom: thin solid #D4D4D4;
}
.filter{
	float: left;
	text-align: center;
	font-size: 16px;
	width: 100%;
	height: 40px;
	border-bottom: thin solid #D4D4D4;
	clear: both;
}
.filter-tab{
	float: left;
	display: inline-block;
	width: 33.33%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}
.flashcard_result{
	width: 100%;
	clear: both;
}

.top_search{
	width: 100%;
	height: 25px;
	margin-top: 28px;
	margin-left: 13px;
	margin-right: 13px;
	background: #e3ddd4;
}
.slider_image{
    height: 150px;
}

.character_search{
	height: 43px;
	border-top-left-radius: 10px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 0px;
}
.filter1{
	height: 25px;
	width: 40px;
	margin-top: 28px;
	text-align: center;
	
	font-size: 12px;
	line-height: 12.5px;
}
.input1{
	height: 25px;
	width: 276px;
	margin-top: 28px;
	float: left;
}
